import {useRef} from 'react';
import ChildComp2 from "./ChildComp2"

function UseImperativeHandleTest() {

  const comRef = useRef();

  function clickHandle(){
    comRef.current.click();
  }

  return (
    <div>
    
    <h2>该 *Hook* 一般配合 *React.forwardRef* 使用，主要作用是父组件传入 *Ref* 时，**自定义**要暴露给父组件的实例值。</h2>
      <ChildComp2 ref={comRef}/>
      <button onClick={clickHandle}>触发子组件的方法</button>
    </div>
  );
}

export default UseImperativeHandleTest;